﻿/********************************      Basic Structure      ********************************/
html{font-size:100%;height:100%;margin-bottom:1px;overflow-x: hidden;overflow-y: auto;}
body{color:#555;background:#f0f0f0 url(images/bg-body.gif) top left repeat-y;font-size:12px}
#body-wrapper{background:url(images/bg-radial-gradient.gif) fixed 230px top no-repeat}

/********************************      Elements styling      ********************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:12px;vertical-align:middle;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{color:#222;font-weight:700}
h1{font-size:31px;padding:0 0 10px}
h2{font-size:26px;padding:0 0 10px}
h3{font-size:17px;padding:0 0 10px}
h4{font-size:16px;padding:0 0 5px}
h5{font-size:14px;padding:0 0 5px}
h6{font-size:12px;padding:0 0 5px}
a{color:#57a000;text-decoration:none}
a:hover{color:#000}
a:active{color:#777}
a:focus{outline:1px}
strong{font-weight:700;color:#333}
small{font-size:.85em}
pre{font-family:monospace}
ol,ul{list-style:none}

/********************************      General Classes      ********************************/
.clear{clear:both}
.align-left{float:left}
.align-right{float:right}

/************ Button ************/
.button{display:inline-block;background:#459300 url(images/bg-button-green.gif) top left repeat-x!important;border:1px solid #459300!important;color:#fff!important;font-size:12px!important;cursor:pointer;padding:3px 7px 4px!important;margin-bottom:6px;}
.button:hover{text-decoration:underline}
a.remove-link{color:#b00}
a.remove-link:hover{color:#000}

/********************************      Sidebar      ********************************/
#sidebar{background:url(images/bg-sidebar.gif) top left no-repeat;width:230px;height:100%;position:absolute;left:0;top:0;color:#888;font-size:12px}
#sidebar #sidebar-wrapper{margin:0 0 0 9px}
#sidebar a,#sidebar a:active{color:#ccc}
#sidebar a:hover{color:#fff}
#sidebar #sidebar-title{margin:40px 0 40px 15px}
#sidebar #logo{margin:40px 0}
#sidebar #profile-links{text-align:right;line-height:2em;padding:0 15px 10px 2px}

/************ Sidebar Accordion Menu ************/
#sidebar #main-nav{width:206px;margin:0 0 0 15px;padding:0}
#sidebar #main-nav li{list-style:none;padding-bottom:10px;text-align:right}
#sidebar #main-nav li a.nav-top-item{background:transparent url(images/bg-menu-item-green.gif) right center no-repeat;color:#fff;font-size:14px;cursor:pointer;display:block;text-decoration:none;padding:10px 15px}
#sidebar #main-nav li a.current{background-image:url(images/bg-menu-item-current.gif)!important;color:#333;font-weight:700}
#sidebar #main-nav li a.current:hover{color:#333}
#sidebar #main-nav ul{font-size:12px;margin:10px 0 0 0;padding:0}
#sidebar #main-nav ul li{list-style:none;text-align:right;margin:0;padding:0}
#sidebar #main-nav ul li a{display:block;color:#999;font-size:12px; height:25px;line-height:25px;padding:0 15px 0 0}
#sidebar #main-nav ul li a:hover,#sidebar #main-nav ul li a.current,#sidebar #main-nav ul li a.current:hover{color:#fff}
#sidebar #main-nav ul li a.current{background:transparent url(images/menu-current-arrow.gif) right center no-repeat!important}


/************ Messages ************/
#messages p,#messages form{border-top:1px solid #ddd;padding:10px 0}
#messages h4{padding:10px 0}
#messages fieldset{margin:0}
#messages textarea{margin:0 0 15px}
/********************************      Main Content      ********************************/

/************ Layout ************/
#main-content{margin:0 0 0 230px;padding:0}
.column-left{width:48%;float:left}
.column-right{width:48%;float:right}
#page-intro{font-size:17px;padding:0 0 20px}
#footer{border-top:1px solid #ccc;font-size:12px;margin:40px 0 0;padding:20px 0}

/************ Lists ************/
#main-content ul,#main-content ol{padding:10px 0}

/* Unordered List */
#main-content ul li{background:url(images/icons/bullet_black.png) center left no-repeat;padding:4px 0 4px 20px}

/* Ordered List */
#main-content ol{padding:0 0 0 24px}
#main-content ol li{list-style:decimal;padding:4px 0}

/*************** Content Box ***************/
.content-box{border:1px solid #ccc;background:#fff;margin:0 0 20px}
.content-box-header{background:#e5e5e5 url(images/bg-content-box.gif) top left repeat-x;margin-top:1px;height:40px}
.content-box-header h3{float:left;padding:12px 15px 10px}
.content-box-content{font-size:13px;border-top:1px solid #ccc;padding:20px}
ul.content-box-tabs{float:right;margin:0!important;padding:12px 15px 0 0 !important}
ul.content-box-tabs li{float:left;background-image:none!important;margin:0;padding:0!important}
ul.content-box-tabs li a{color:#333;display:block;border-bottom:0;margin:1px;padding:7px 10px}
ul.content-box-tabs li a:hover{color:#57a000}
ul.content-box-tabs li a.current{background:#fff;border:1px solid #ccc;border-bottom:0;margin:0}
                
/************ Table ************/
#main-content table{width:100%;border-collapse:collapse}
#main-content table thead th{font-weight:700;font-size:15px;border-bottom:1px solid #ddd}
#main-content tbody{border-bottom:1px solid #ddd}
#main-content tbody tr{background:#fff}
#main-content tbody tr.alt-row{background:#f3f3f3}
#main-content table td,#main-content table th{line-height:1.3em;padding:10px}
#main-content table tfoot td .bulk-actions{padding:15px 0 5px}
#main-content table tfoot td .bulk-actions select{border:1px solid #ccc;padding:2px}

/*************** Pagination ***************/
#main-content .pagination{text-align:right;font-size:10px;padding:20px 0 5px}
.pagination a{margin:0 5px 0 0;padding:4px 6px;border:1px solid #ddd;}
.pagination a.disable{margin:0 5px 0 0;padding:4px 6px;cursor:default;color:#000}
.pagination a.current{background:#469400 url(images/bg-button-green.gif) top left repeat-x!important;color:#fff!important;border-color:#459300!important;cursor:default}
.pagination a.current:hover{text-decoration:underline}

/************ Shortcut Buttons ************/
.shortcut-button{border:1px solid #ccc;background:#f7f7f7 url(images/shortcut-button-bg.gif) top left no-repeat;display:block;width:120px;margin:0 0 20px 0;overflow:hidden}
.shortcut-button span{border:1px solid #fff;display:block;text-align:center;color:#555;font-size:12px;line-height:1.3em;padding:15px 10px}
.shortcut-button span img{margin-bottom:10px}
.shortcut-button:hover{background:#fff}
.shortcut-button span:hover{color:#57a000}
ul.shortcut-buttons-set li{float:left;background:0;margin:0 15px 0 0;padding:0!important}

/*************** Forms ***************/
form fieldset p{ margin-top:10px}
form label{display:inline-block;padding:0}
form label.title{font-weight:700}
form fieldset legend{font-weight:700;margin-bottom:10px;padding-top:10px}
form input.text-input,form select,form textarea{font-size:12px;background:#fff url(images/bg-form-field.gif) top left repeat-x;border:1px solid #d5d5d5;color:#333;padding:5px}
form .small-input{width:290px!important}
form .medium-input{width:580px!important}
form .large-input{width:700px!important;font-size:16px!important;padding:8px!important}
form textarea{width:700px!important}
form select{background:#fff;padding:2px}
form input[type=checkbox],form input[type=radio]{background:none;border:0;padding:0}

/*************** Notifications ***************/
.notification{position:relative;border:1px solid;background-position:10px 11px!important;background-repeat:no-repeat!important;font-size:13px;width:99.8%;margin:0 0 15px;padding:0}
.attention{background:#fffbcc url(images/icons/exclamation.png) 10px 11px no-repeat;color:#666452;border-color:#e6db55}
.information{background:#dbe3ff url(images/icons/information.png);color:#585b66;border-color:#a2b4ee}
.success{background:#d5ffce url(images/icons/tick_circle.png);color:#556652;border-color:#9adf8f}
.error{background:#ffcece url(images/icons/cross_circle.png);color:#665252;border-color:#df8f8f}
.notification div{display:block;font-style:normal;line-height:1.5em;padding:10px 10px 10px 36px}
.notification .close{color:#900;font-size:9px;position:absolute;right:10px;top:15px}

/* Notification for form inputs */
.input-notification{background-position:left 2px;background-repeat:no-repeat;background-color:transparent;margin:0 0 0 5px;padding:4px 0 2px 22px!important;padding:2px 0 2px 22px}
.input-notification{background-position:left 5px;background-repeat:no-repeat;background-color:transparent;display:inline-block; height:21px; line-height:21px;padding:2px 0 2px 22px}
/* Notification for login page */
#login-wrapper #login-content .notification{border:0;background-color:#141414;color:#fff!important}

/********************************      Login Page      ********************************/
body#login{color:#fff;background:#222 url(images/bg-login.gif)}
#login-wrapper{background:url(images/bg-login-top.png) top left repeat-x}
#login-wrapper #login-top{width:100%;text-align:center;padding:140px 0 50px}
#login-wrapper #login-content{text-align:left;width:300px;margin:0 auto}
#login-wrapper #login-content label{color:#fff;font-weight:400;font-size:14px;float:left;width:70px;padding:0}
#login-wrapper #login-content input{width:200px;border:0;background:#fff}
#login-wrapper #login-content p{padding:0; display:block; height:30px; text-align:center}
#login-wrapper #login-content p#remember-password{text-align:center}
#login-wrapper #login-content p#remember-password input{float:none;width:auto;border:0;background:none;margin:0 10px 0 0}
#login-wrapper #login-content p .button{width:auto;margin-top:20px}

/********************************      jQuery plugins styles      ********************************/